<template>
  <q-img :src="LOGOUri" class="LOGO-cls no-margin cursor-pointer" transition="scale" @click.stop="skipPath">
    <template v-slot:loading>
      <q-spinner-ios color="primary" size="0px" />
    </template>

    <template v-slot:error>
      <div class="fit logo-error text-h4 row justify-start items-center">
        <span class="q-pl-xs">{{ packageJSON.productName }}</span>
      </div>
    </template>
  </q-img>
</template>

<script setup>
import packageJSON from 'app/package.json'
import { useRouter } from 'vue-router'

const router = useRouter()
const LOGOUri = './static/LOGO/LOGO-WHITE.png'

const skipPath = async () => await router.replace('/dashboard/console')
</script>